<template>
  <HomeLayout>
    <div class='main'>
      <a-row :gutter='[10, 10]'>
        <a-col :xs='24' :sm='24' :md='12' :lg='12' :xl='12' style='height: calc(100vh - 120px);'>
          <favorite-sites />
        </a-col>
        <a-col :xs='24' :sm='24' :md='12' :lg='12' :xl='12' style='height: calc(100vh - 120px);'>
          <task-list />
        </a-col>
      </a-row>
    </div>
  </HomeLayout>
</template>

<script setup name='HomeIndex'>
import FavoriteSites from '@/views/index/components/favorite-sites.vue';
import TaskList from '@/views/index/components/task-list.vue';
import HomeLayout from '@/homeLayout/index.vue';
</script>

<style scoped lang='less'>
.main {
  width: 100%;
  height: 100%;
  background-color: #f4f5f6;
  padding: 10px;
  
  @media (max-width: 768px) {
    padding: 5px;
  }
}
</style>
